<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/sign.css">
	</head>
	<body>
		<div class="maincon">
			<!-- 顶部 -->
			<div class="bangzhu">
				<div class="bangzhuc">
					<img src="./images/105.png" alt="">
				</div>
			</div>
			<!-- logo -->
			<div class="dalogo">
				<div class="dalogoc">
					<img src="./images/107.png" alt="">
				</div>
				<span>小米账号登录</span>
			</div>
			<!-- input -->
			<div class="yanzheng">
				<div class="yanzhengcon">
					<div class="haoma">
						<div class="inputL">
							<div class="ba fl">
								<span class="fl">+86</span>
								<i class="icon jian fl"></i>
								<div class="clear"></div>
							</div>
							<input type="text" placeholder="手机号码" class="fl">
							<div class="clear"></div>
						</div>
					</div>
					<div class="duanxin">
						<input type="text" placeholder="短信验证码">
						<span class="fr">获取验证码</span>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="btn">立即登录/注册</div>
			<div class="btn btn1">用户名密码登录</div>
			<div class="shoubu">收不到验证码？</div>
			<div class="qita">
				<p class="fl"></p>
				<span class="fl">其他方式登录</span>
				<p class="fl"></p>
				<div class="clear"></div>
			</div>
			<!-- 第三方 -->
			<div class="weibo">
				<ul>
					<li class="fl">
						<a href="">
							<i class="icon1 weibo1"></i>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="icon1 zhifu"></i>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="icon1 weixin"></i>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="icon1 pinguo"></i>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="jianti">
				<ul>
					<li>
						<a href="">简体&nbsp;&nbsp;|&nbsp;&nbsp;</a>
					</li>
					<li>
						<a href="">繁体&nbsp;&nbsp;|&nbsp;&nbsp;</a>
					</li>
					<li>
						<a href="">English&nbsp;&nbsp;|&nbsp;&nbsp;</a>
					</li>
					<li>
						<a href="">常见问题&nbsp;&nbsp;|&nbsp;&nbsp;</a>
					</li>
					<li>
						<a href="">隐私政策</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
